<div class="container">
  <div class="title">
    <span *ngIf="orderData?.length">{{ orderData.length }} 人在拼单，可直接参与</span>
    <span>目前没有人拼单</span>
  </div>
  <div class="order-list" appScrollOrder>
    <div class="item-container" *ngFor="let item of orderData;index as index">
      <div class="user">
        <img appImageAvatar [src]="item.imageUrl" alt="">
        <span>{{item.userName}}</span>
      </div>
      <div class="count-down">
        <div (click)="setEndTime(item.startAt)">
          还差<span class="remaining-number">{{item.remainingNumber}}人</span>拼成
        </div>
        <div>
          <app-count-down [startTime]="item.startAt" [endTime]="setEndTime(item.startAt)"></app-count-down>
        </div>
      </div>
      <div class="button" (click)="handleClick()">
        去拼单
      </div>
    </div>
  </div>
</div>
